.section-nav {
	position: sticky;
	top: var(--header-height, 0px);
	z-index: 1010;
}

.section-nav-list {
	overflow-x: auto;
	scrollbar-width: none;
}

.section-nav-list::-webkit-scrollbar {
	display: none;
}

.section-nav-link {
	font-size: 0.9rem;
	transition: color 0.2s, box-shadow 0.2s;
}

.section-nav-link:hover,
.section-nav-link:focus-visible,
.section-nav-link.active {
	color: var(--bs-primary) !important;
}

.section-nav-link.active {
	box-shadow: inset 0 -3px 0 var(--bs-primary);
}

/* Edit mode un-sticks the header, so the nav stays in the flow too. */
.dnnEditState .section-nav {
	position: static;
}